/**
 * Created by Administrator on 2017/10/25 0025.
 */
layui.use(['element','form','layer','laydate','upload'], function() {
    var form = layui.form;
    var element = layui.element;
    var layer = layui.layer;
    var laydate = layui.laydate;
    var upload = layui.upload;

    //跳转到投票项
    var val = $("#tabId").val();
    if (val==2){
        element.tabChange('vote_tab', "2");
    }




    //表单校验
    laydate.render({
        elem: '#Time', //指定元素
        range: '~',//来自定义分割字符
        btns: [ 'confirm'],
        done:function (value, date, endDate) {
            var split = value.toString().split("~");
            $("#beginTime").val(split[0]);
            $("#endTime").val(split[1]);
        }
    });

    var uploadInst = upload.render({
        elem: '#butt', //绑定元素
        url: '/upload', //上传接口
        before: function(obj){
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                $('#img1').attr('src', result); //图片链接（base64）
            });
        }
        ,done: function(res){
            //如果上传失败
            if(res.code > 0){
                return layer.msg('上传失败');
            }
            //上传成功
            $("#banner").val(res);
        }
        ,error: function(){
            //演示失败状态，并实现重传
            var demoText = $('#msg');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function(){
                uploadInst.upload();
            });
        }
    })



    $('#tb_page').bootstrapTable({
        url: '/voteItem/page',         //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        toolbar: '#toolbar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber:1,                       //初始化加载第一页，默认第一页
        pageSize: 7,                       //每页的记录行数（*）
        pageList: [7, 15, 25],            //可供选择的每页的行数（*）
        // search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        // strictSearch: true,
        // showColumns: true,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        // minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        height: 480,                         //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "id",                     //每一行的唯一标识，一般为主键列
        // showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
        // cardView: false,                    //是否显示详细视图
        detailView: false,                   //是否显示父子表
        queryParams: function (data) {      //传递参数（*）
            var params={
                offset:data.offset,
                limit:data.limit,
                voteId:$("#voteId").val()
            }
            return params;
        },
        columns: [{
            checkbox: true
        },{
            field: 'sortNo',
            title: '编号',
            width:'16%'
        },{
            field: 'name',
            title: '标题',
            width:'16%'
        },{
            field: 'img',
            title: '图片',
            width:'16%',
            formatter:function (value, row, index) {
                if (null != value && value !=("") ){
                    var img='<img style="width: 50px;height: 50px" src="/downimg?path='+value+'"/>';
                    return img;
                }
            }
        },{
            field: 'details',
            title: '描述',
            width:'16%'
        },{
            field: 'votes',
            title: '票数',
            width:'16%'
        },{
            field: 'status',
            title: '状态',
            width:'16%',
            formatter:function (value, row, index) {
                var str="";
                switch (value){
                    case 0:str="未发布";break;
                    case 1:str="发布";break;
                }
                return str;
            }
        }]
    });


    //删除
    $("#btn_delete").click(function () {
        //1.要想获取主子表所有选中行，首先得拿到所有的表格对象（给所有的table 起相同的标识）
        var $table = $("table[id = tb_page]");//找出以tb_departments开头的对象
        var table = $table.bootstrapTable("getSelections");//找出被选中的对象，并返回一个数组
        if(table.length>0){
            layer.confirm("请确定是否删除？",function () {
                var ids=[];
                $(table).each(function () {
                    ids.push(this.id)//把id放到一个数组中
                })
                $.ajax({
                    url:"/voteItem/deleted",
                    type:"post",
                    dataType:"json",
                    data:{ids:ids.join(",")},
                    success:function () {
                        layer.msg("删除成功!")
                        $("#tb_page").bootstrapTable("refresh");  //刷新表格数据
                    },
                    error:function () {
                        layer.msg("服务器忙，请稍后再试");
                    }
                })
            })
        }else {
            layer.msg("请至少选择一条数据");
        }
    })

//    添加

    $("#btn_add").click(function () {
        layer.open({
            type:2,
            title:"添加",
            closeBtn: 1, //显示关闭按钮
            shade: [0.5],//透明度
            area: ['800px', '800px'],
            scrollbar: false,//禁止浏览器滚动
            anim: 0,//弹出方式
            content: ['/voteItem/add?voteId='+$("#voteId").val(), 'no'], //iframe的url，no代表不显示滚动条
        })
    })

//    修改
    $("#btn_edit").click(function () {
        var $table = $("table[id = tb_page]");//找出以tb_departments开头的对象
        var table = $table.bootstrapTable("getSelections");//找出被选中的对象，并返回一个数组
        if (table.length==1){
            var id = table[0].id;
            layer.open({
                type:2,
                title:"编辑",
                closeBtn: 1, //显示关闭按钮
                shade: [0.5],//透明度
                area: ['800px', '800px'],
                scrollbar: false,//禁止浏览器滚动
                anim: 0,//弹出方式
                content: ['/voteItem/edit?id='+id, 'no'], //iframe的url，no代表不显示滚动条
            })
        }else {
            layer.msg("请选择一条数据");
        }
    })


        //监听提交
        form.on('submit(formSubmit)', function(data){
            var id = $("#id").val();
            $.ajax({
                url:"/vote/update",
                type:"post",
                data:data.field,//序列化
                success:function (msg) {
                    layer.msg("修改成功！",{time:1000},function () {
                        location.href="/vote/edit?id="+id+"&tabId=2"; //保存成功跳转到编辑页面
                    });
                },
                error:function () {
                    layer.msg("服务器忙！")
                }
            })
            return false;
        })

})